<%--
  User: guan.yunhao
  Date: 13-7-18
  Time: 下午5:00
--%>

<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
  <meta name='layout' content='main' />
  <title>PinionOffice Dashboard</title>
</head>
<body class="cbp-spmenu-push">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
    <h3>Menu</h3>
    <a href="#">Celery seakale</a>
    <a href="#">Dulse daikon</a>
    <a href="#">Zucchini garlic</a>
    <a href="#">Catsear azuki bean</a>
    <a href="#">Dandelion bunya</a>
    <a href="#">Rutabaga</a>
</nav>

<r:script>
    var body = document.body;
    var menuLeft = document.getElementById( 'cbp-spmenu-s1' );
    $("#main-nav .icon").click(function() {
        classie.toggle( this, 'active' );
        classie.toggle( body, 'cbp-spmenu-push-toright' );
        classie.toggle( menuLeft, 'cbp-spmenu-open' );
    });
</r:script>
</body>
</html>